<template>
<div>
    <van-image
      width="374"
      height="139"
     :src="require('../assets/contact.img/lx_banner.jpg')" />
<!-- 品牌介绍 -->
<van-row class="introduce" type="flex">
<van-col span="8">联系我们</van-col>
</van-row>

<!-- 面包屑导航 -->
<van-row type="flex" style="margin-bottom:40px;">
<van-col span="13">当前位置 : 夏达粥店 >
  </van-col>
  <span style="color:#f36e23;margin-left:-20px;">联系我们</span>
</van-row>

<!-- 标题 -->
     <div>
        <h1>在线留言</h1>
     </div>
<!-- 文本框 -->
  <van-cell-group>
  <van-field 
  v-model="username"
  label="您的姓名：" 
  placeholder="请输入姓名" 
 
  />
  <van-field 
  v-model="tel" 
  type="tel" 
  label="联系电话：" 
  placeholder="请输入电话"/>
 <!-- 留言输入框 -->
  <van-field
  v-model="message"
  rows="2"
  autosize
  label="留言："
  type="textarea"
  maxlength="50"
  placeholder="请输入留言"
  show-word-limit
/>
</van-cell-group>
<!-- 提交按钮 -->
<van-button type="warning" size="normal" >提交</van-button>

</div>   

</template>
<style>
.introduce{
margin-top: 15px;
color: #f36e23;
margin-bottom: 20px;
}
</style>
<script>
export default {
    data() {
    return {
      username: '',
      tel:'',
      message:'',
    }
  },
}

</script>